<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>

<!-- tabs panels wizard -->
<script src="jsp/js/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="jsp/css/SpryTabbedPanelsWizard.css" rel="stylesheet" type="text/css" />

<link href="jsp/css/wizard.css" rel="stylesheet" type="text/css" />
</head>

<body >
<div class="wizard">
  <h1>Box properties</h1>
  <form action="" method="get">
  <div id="TabbedPanels1" class="TabbedPanels">
    <ul class="TabbedPanelsTabGroup">
      <li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
      <li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
      <li class="TabbedPanelsTab" tabindex="0">Tab 3</li>
      <li class="TabbedPanelsTab" tabindex="0">Tab 4</li>
    </ul>
    <div class="TabbedPanelsContentGroup">
      <div class="TabbedPanelsContent">
      <div class="floatLeft boxWizard"> 
      <table width="100%" border="0" cellspacing="0" cellpadding="4">
  <tr>
    <td>Attachment type</td>
    <td><input name="textfield" type="text" class="textFields" id="textfield" /></td>
  </tr>
  <tr>
    <td>Location</td>
    <td><select name="select" class="textFields" id="select">
            <option>Seleccionar</option>
          </select></td>
  </tr>
  <tr>
    <td>Measure</td>
    <td><input name="textfield" type="text" class="textFields" id="textfield" /></td>
  </tr>
  <tr>
    <td>Location</td>
    <td><select name="select" class="textFields" id="select">
      <option>Seleccionar</option>
      </select></td>
  </tr>
  <tr>
    <td>Measure</td>
    <td><input name="textfield2" type="text" class="textFields" id="textfield2" /></td>
  </tr>
  <tr>
    <td>Measure</td>
    <td><input name="textfield2" type="text" class="textFields" id="textfield3" /></td>
  </tr>
</table>
      </div>
      <div  class="floatLeft boxWizard">
      <table width="100%" border="0" cellspacing="0" cellpadding="4">
  <tr>
    <td>Attachment type</td>
    <td><input name="textfield" type="text" class="textFields" id="textfield" /></td>
  </tr>
  <tr>
    <td>Location</td>
    <td><select name="select" class="textFields" id="select">
            <option>Seleccionar</option>
          </select></td>
  </tr>
  <tr>
    <td>Measure</td>
    <td><input name="textfield" type="text" class="textFields" id="textfield" /></td>
  </tr>
  <tr>
    <td>Location</td>
    <td><select name="select" class="textFields" id="select">
      <option>Seleccionar</option>
      </select></td>
  </tr>
  <tr>
    <td>Measure</td>
    <td><input name="textfield2" type="text" class="textFields" id="textfield2" /></td>
  </tr>
  <tr>
    <td>Measure</td>
    <td><input name="textfield2" type="text" class="textFields" id="textfield3" /></td>
  </tr>
</table>
      
     </div>
      <div class="clear"></div>
      </div>
      <div class="TabbedPanelsContent">Content 2</div>
      <div class="TabbedPanelsContent">Content 3</div>
      <div class="TabbedPanelsContent">Content 4</div>
    </div>
  </div>
  <div class="errorDiv">Content for  class "errorDiv" Goes Here</div>
<div class="botonesWizard"><input name="Submit" type="submit" class="buttonTabbedBox" value="Guardar" /> <input name="Reset" type="reset" class="buttonCancelTabbedBox" value="Cancelar" /></div>
<div class="clear"></div>
  </form>
  <script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</div>

</body>
</html>
